<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SIMPLE GALLERY</title>
<link href="<?php echo base_url(); ?>css/style/css/transdmin.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>
	<div id="wrapper">
    	<!-- h1 tag stays for the logo, you can use the a tag for linking the index page -->
    	<h1><a href="#"><span>Transdmin Light</span></a></h1>
        
        <!-- You can name the links with lowercase, they will be transformed to uppercase by CSS, we prefered to name them with uppercase to have the same effect with disabled stylesheet -->
        <ul id="mainNav">
        	<li><a href="<?php echo site_url('app/login'); ?>" class="active">LOGIN</a></li> <!-- Use the "active" class for the active menu item  -->
        	<li class="logout"><a href="#">ABOUT...</a></li>
        </ul>
        <!-- // #end mainNav -->
        
        <div id="containerHolder">
			<div id="container">
        		<div id="sidebar">
                	<ul class="sideNav">
                    	
                    </ul>
                    <!-- // .sideNav -->
                </div>    
                <!-- // #sidebar -->
                
                <div id="main">
					<h3>Login details</h3>
                    <form action="<?php echo site_url('app/login_attempt'); ?>" method="post">
                    	<fieldset>
                        	<p><label>Email:</label><input type="text" name="email" class="text-medium" /></p>
                        	<p><label>Password:</label><input type="password" name="password" class="text-medium" /></p>
                            <input type="submit" value="Login" />
                        </fieldset>
                    </form>
                </div>
                <!-- // #main -->
                
                <div class="clear"></div>
            </div>
            <!-- // #container -->
        </div>	
        <!-- // #containerHolder -->
        
        <p id="footer"></p>
    </div>
    <!-- // #wrapper -->
</body>
</html>
